@import "./../theme";
@import "./../var";

.iss-form-dialog-container {

  & > .el-dialog {
    border-radius: 6px;
    overflow: hidden;
  }

  .el-dialog__body {
    background: $bodyBgColor;
    padding: 0.5rem !important;
    height: 100%;
    z-index: 1100;
  }

  .el-dialog__header {
    padding: 15px 0 16px;
    position: relative;
    border-bottom: 1px solid $borderColorLight !important;
  }

  .el-dialog__footer {
    margin: 0 20px;
    padding: 15px 0 16px;
    position: relative;
    border-top: 1px solid $borderColorLight !important;

    .dialog-footer {
      display: block;
      text-align: right;

      .circular {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 24px;
        height: 24px;
      }

      .el-loading-text {
        display: inline-block;
        vertical-align: middle;
      }

      .el-loading-spinner {
        margin-top: -12px;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .iss-form-dialog-container {
    .el-dialog {
      width: 100% !important;
    }
  }
}
